{% extends 'base.html' %}
{% block extra_style %}
    <link rel="stylesheet" href="/s/jquery-ui-1.10.1.custom/development-bundle/themes/base/jquery.ui.theme.css">
    <style>
        .ui-autocomplete-loading {
            background: white url("/s/jquery-ui-1.10.1.custom/development-bundle/demos/autocomplete/images/ui-anim_basic_16x16.gif") right center no-repeat;
        }
        #city { width: 25em; }
    </style>
{% endblock %}
{% block extra_script %}
<script src="/s/jquery-ui-1.10.1.custom/development-bundle/jquery-1.9.1.js"></script>
<script src="/s/jquery-ui-1.10.1.custom/development-bundle/ui/jquery.ui.core.js"></script>
<script src="/s/jquery-ui-1.10.1.custom/development-bundle/ui/jquery.ui.widget.js"></script>
<script src="/s/jquery-ui-1.10.1.custom/development-bundle/ui/jquery.ui.position.js"></script>
<script src="/s/jquery-ui-1.10.1.custom/development-bundle/ui/jquery.ui.menu.js"></script>
<script src="/s/jquery-ui-1.10.1.custom/development-bundle/ui/jquery.ui.autocomplete.js"></script>
{% endblock %}
{% block content %}
    <h1 class="assistance-title">На этой странице вы можете увидеть список заявок по городам</h1>
    <h2>Введите название интересующего вас города</h2>
    <input id="city" class="ui-autocomplete-input" autocomplete="off" value="{% if city_data %}{{ city_data.city_name }}{% endif %}" />
    <input id="city_id" hidden="hidden" />
    <div id="addresses_list">
    </div>
{% endblock content  %}